<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>科室监测/科室病种结构</title>
</head>
<body>
<!-- 
                             _   _            
   _______________          |*\_/*|________   
  |  ___________  |        ||_/-\_|______  |  
  | |           | |        | |           | |  
  | |   0   0   | |        | |   0   0   | |  
  | |     -     | |        | |     -     | |  
  | |   \___/   | |        | |   \___/   | |  
  | |___     ___| |        | |___________| |  
  |_____|\_/|_____|        |_______________|  
    _|__|/ \|_|_              _|________|_    
   / ********** \            / ********** \   
 /  ************  \        /  ************  \ 
--------------------      --------------------

 -->
<div id="warninginfo" class="alert alert-warning" style = "display:none">
	<a href="#" class="close" data-dismiss="alert">&times;</a>
	<strong>警告!</strong>当前角色还未授权合法科室,请登录管理员进行科室授权.
</div>
<div class="container-fluid" style="width: 1200px;min-width: 1200px;">
    <div class="col-xs-12" style="margin-bottom: 5px;">
		<div class="col-md-3 rowst">
			<span>科室组：</span>
			<select id="depGroupList" onchange="depGroupChange()" style="width: auto; height: 30px" class="select"></select>
		</div>
		<div class="col-md-3  rowst">
			<sapn>科室：</sapn>
			<select id="depList" onchange="depChange()" style="width: auto; height: 30px" class="select " ></select>
		</div>
		<div class="col-md-3  rowst">
			<sapn>病区：</sapn>
				<select id="wardList" onchange="wardChange()" style="width: auto; height: 30px" class="select " ></select>
		</div>
	</div>
	<div class="row" style="margin: 10px 6px;">
		<!-- <div class="col-xs-12 infocq compareDiv"  id="compareDiv" style="height: 380px;background-position: center;background-repeat: no-repeat;background-size: 100%;position:relative;margin-bottom: 0;margin-top: -30px;background-image: url(images/drgAnalysisBG.jpg)">
		</div> -->
		
		<div class="col-xs-12" style="margin-bottom: 10px">
			<div class="infocq boxcq clearfix">
				<div class="ti"><i class="fa fa-trophy" aria-hidden="true"></i>次均费用两年比较表</div>
				<ul class="nav nav-tabs boxnavcq"></ul>
				<div class="clearfix"></div>
				<div class="col-xs-12" style = "padding: 10px;">
					<div id="compareDiv"></div>
				</div>
		 	</div>
		</div>
		
		<div class="popover bottom detail-popover" id="detail-popover" >
	      <div class="popover-content overflowhid" style="width: 1120px;">
	      	<div id="drg-detail" class="drg-detail">
		      	<h4>
		      		病组详情
		      		<a href="javascript:close()" class="btn btn-default btn-xs" style="margin-left:5px;" title="关闭"><i class="fa fa-times"></i></a>
		      		<a href="#" class="btn btn-default btn-xs" id="downloadBtn" style="font-size: 16px!important;" download="病组详情.xls" title="保存为Excel"><i class="fa fa-download"></i></a>
		      	</h4>
		      	
		      	<table class="table table-hover table-bordered" id="detailTable">
		      		<thead>
		      			<tr>
		      				<td width="398" colspan="2" style="vertical-align:middle;">DRG代码及描述</td>
		      				<td width="256" colspan="4"><i class="icon-group" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;患者数</td>
		      				<td width="200" colspan="2"><i class="glyphicon glyphicon-usd" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;次均费用(元)</td>
		      				<td width="160" colspan="2"><i class="fa fa-bed" style="color: #007dbc;font-size: 20px;"></i>&nbsp;&nbsp;平均住院日</td>
		      				<td width="76" rowspan="2" style="vertical-align: middle;"><i class="fa fa-star" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;权重</td>
		      			</tr>
		      			<tr>
		      				<td width="80">代码</td><td width="318">描述</td>
		      				<td width="48">排序</td><td  width="80" class="lastyear">lastyear</td>
		      				<td width="48">排序</td><td  width="80" class="thisyear">thisyear</td>
		      				<td width="100" class="lastyear"></td>
		      				<td width="100" class="thisyear"></td>
		      				<td width="80" class="lastyear"></td>
		      				<td width="80" class="thisyear"></td>
		      			</tr>
		      		</thead>
		      		<tbody></tbody>
		      		<tfoot>
		      			<tr>
		      				<td  colspan="11" style="text-align: right;" >
		      					<a href="javascript:close()" title="关闭"><button type="button" class="btn btn-success" data-dismiss="modal">关闭<i class="glyphicon glyphicon-remove"></i></button></a>
		      				</td>
		      			</tr>
		      		</tfoot>
		      	</table>
		      	<div class="progress" style="height:5px; margin-top:-20px;">
				  <div id="detail_progress" class="progress-bar progress-bar-info progress-bar-striped"  role="progressbar" aria-valuemin="0" aria-valuemax="100"	 style="transirion:width 10s ease">
				  </div>
				</div>
	      	</div>
	      </div>
	    </div>
	   
		<!-- 这里是费用超标DRGs病组详情 --> 
	    <div class="popover bottom detail-popover" id="detail-popover-overproof" style="position:absolute; max-width:none;overflow: hidden;margin-bottom: 80px;">
	      <div class="popover-content" style="overflow: hidden;width: 1120px;">
	      	<div id="drg-detail-overproof">
		      	<h4>
		      		费用超标病组详情
		      		<a href="javascript:close()" class="btn btn-default btn-xs" style="float:right;color:#007dbc;border-color:#007dbc;font-size: 16px!important;margin-left:5px;" title="关闭"><i class="fa fa-times"></i></a>
		      		<a href="#" class="btn btn-default btn-xs" id="downloadBtn1" style="float:right;color:#007dbc;border-color:#007dbc;font-size: 16px!important;" download="病组详情.xls" title="保存为Excel"><i class="fa fa-download"></i></a>
		      	</h4>
		      	
		      	<table class="table table-hover table-bordered" id="detailTableOverproof" style="vertical-align: ;text-align: center;">
		      		<thead>
		      			<tr>
		      				<td width="398" colspan="2" style="vertical-align:middle;">DRG代码及描述</td>
		      				<td width="200" colspan="2"><i class="icon-group" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;患者数</td>
		      				<td width="200" colspan="2"><i class="glyphicon glyphicon-usd" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;次均费用(元)</td>
		      				<td width="200" colspan="2"><i class="fa fa-bed" style="color: #007dbc;font-size: 20px;"></i>&nbsp;&nbsp;平均住院日</td>
		      				<td width="76" rowspan="2" style="vertical-align: middle;"><i class="fa fa-star" style="color: #007dbc;font-size: 18px;"></i>&nbsp;&nbsp;权重</td>
		      			</tr>
		      			<tr>
		      				<td width="80">代码</td><td width="318">描述</td>
		      				<td width="100">排序</td><td  width="100" class="thisyear">thisyear</td>
		      				<td width="100" class="thisyear"></td>
		      				<td width="100">病组标杆</td>
		      				<td width="100" class="thisyear"></td>
		      				<td width="100">病组标杆</td>
		      			</tr>
		      		</thead>
		      		<tbody></tbody>
		      		<tfoot>
		      			<tr>
		      				<td  colspan="11" style="text-align: right;" >
		      					<a href="javascript:close()" title="关闭"><button type="button" class="btn btn-success" data-dismiss="modal">关闭<i class="glyphicon glyphicon-remove"></i></button></a>
		      				</td>
		      			</tr>
		      		</tfoot>
		      	</table>
		      	<div class="progress" style="height:5px; margin-top:-20px;">
				  <div id="detail_progress_overproof" class="progress-bar progress-bar-info progress-bar-striped" 
				  	   role="progressbar" aria-valuemin="0" aria-valuemax="100"
				  	   style="transirion:width 10s ease">
				  </div>
				</div>
	      	</div>
	      	
	      </div>
	    </div>
	    
	    <div class="col-xs-12">
			<div class="infocq boxcq clearfix">
				<div class="ti"><i class="fa fa-pie-chart" aria-hidden="true"></i>病组结构分析表</div>
				<ul class="nav nav-tabs boxnavcq"></ul>
				<div class="clearfix"></div>
				<div class="col-xs-12" style = "padding: 10px;">
					<table class="table table-bordered table-striped table-hover"  style="text-align: center;margin-bottom:0;transition:all .2s;vertical-align: auto;">
				 		<thead>
				 			<tr>
					 			<th></th>
						 		<th>DRGs组数</th>
						 		<th>入组病例数</th>
						 		<th>实际总费用(万元)</th>
						 		<th>实际次均费用(元)</th>
						 		<th>CMI</th>
						 		<th>总权重</th>
						 		<th>费用超标的DRGs组数</th>
					 		<tr>
				 		</thead>
				 		<tbody id="table" ></tbody>
				 	</table>
				</div>
		 	</div>
		</div>
	</div>
	
	<!-- 这里是小注 -->
  	<div class="row rowhcq zhujie" style="margin-left:20px;margin-right:20px;">
  		<div>注：</div>
  		<div style="margin-left:16px;">[1]判断变化是否合理共有四种情况：</div>
  		<div style="margin-left:16px;">1.理论差值与实际差值均为正：a.理论差值&gt;实际差值则100%合理；b.理论差值&lt;实际差值，则(理论差值/实际差值)%为合理上升，100%-(理论差值/实际差值)%为不合理上升</div>
  		<div style="margin-left:16px;">2.理论差值与实际差值均为负：a.理论差值&gt;实际差值则100%合理；b.理论差值&lt;实际差值，则(实际差值/理论差值)%合理，还有100%-(实际差值/理论差值)%下降空间</div>
  		<div style="margin-left:16px;">3.理论差值为正，实际差值为负，则100%合理</div>
  		<div style="margin-left:16px;">4.理论差值为负，实际差值为正，则100%不合理</div>
  	</div>
  	
</div>	


<script type="text/javascript" src="js/yibao/fenxi/disGroupAnalysis.js"></script>
</body>
</html>